// JavaScript Document

//导航固定位置
function fixedMenu(){
    $(window).scroll(function(){
        if( $(document).scrollTop()>=30){
            $('.header').css({'position':'fixed','top':0});
        }else{
            $('.header').css({'position':'absolute','top':'30px'});
        }
    });
}

setTimeout(fixedMenu, 50);

//鼠标移入添加class
function mouseoverAddClass(obj,cClass,bool){
    obj.mouseover(function(){
        $(this).addClass(cClass).siblings().removeClass(cClass)
    });
    if(bool){
       obj.parent() .mouseout(function(){
            $(this).children().removeClass('active');
        });
    };
};

mouseoverAddClass($('.idx_list_news ul li'),'active');
mouseoverAddClass($('.hero_list_news ul li'),'active',true);

//选项卡效果


//轮播图
function Carousel(obj){
    this.parentWrap=obj;
    this.culBtn=this.parentWrap.find('.cul_btn_wrap li');
    this.culPic=this.parentWrap.find('.cul_pic_wrap ul');
    this.culPicLi=this.culPic.find('li');
    this.culPicW=this.culPicLi.eq(0).width();
    this.iNow=0;
    this.timer=null;
    this.init();
};

Carousel.prototype.init = function(){
    var cloneEle=this.culPicLi.eq(0).clone();
    this.culPic.append(cloneEle);
    this.culPic.css('width',this.culPic.find('li').length*this.culPicW);
    this.motion();
    this.automatic()
};
Carousel.prototype.motion=function(){
    var that=this;
    this.culBtn.click(function(){
       that.iNow=$(this).index();
       that.motionTab();
    });
};
Carousel.prototype.motionTab=function(){
    if(this.iNow==this.culBtn.length){
        this.culBtn.eq(0).find('a').css('background-color','#ffd087').stop().animate({'width':'45px'}).parent().siblings().find('a').css('background-color','#fff').stop().animate({'width':'16px'});
    }else{
        this.culBtn.eq(this.iNow).find('a').css('background-color','#ffd087').stop().animate({'width':'45px'}).parent().siblings().find('a').css('background-color','#fff').stop().animate({'width':'16px'});
    }
    
    this.culPic.stop().animate({'left':-this.iNow*this.culPicW});
};
Carousel.prototype.automatic=function(){
    var that=this;
    this.timer=setInterval(function(){
        that.nextPic();
    }, 3000);
    this.parentWrap.mouseover(function(){
        clearInterval(that.timer);
    });
    this.parentWrap.mouseout(function(){
        that.timer=setInterval(function(){
            that.nextPic();
        }, 3000);
    });
};
Carousel.prototype.nextPic=function(){
    this.iNow++;
    if(this.iNow>this.culPicLi.length){
        this.culPic.css('left',0);
        this.iNow=1;
    };
    this.motionTab();
};

/*function CarouselAn(obj){
    Carousel.call(this,obj)
}

for(var i in Carousel.prototype){
    CarouselAn.prototype[i]=Carousel.prototype[i];
}
CarouselAn.prototype.motionTab=function(){
    if(this.iNow==this.culBtn.length){
        this.culBtn.eq(0).find('a').css('background-color','#ffd087').parent().siblings().find('a').css('background-color','#fff');
    }else{
        this.culBtn.eq(this.iNow).find('a').css('background-color','#ffd087').parent().siblings().find('a').css('background-color','#fff');
    }
    
    this.culPic.stop().animate({'left':-this.iNow*this.culPicW});
}*/

new Carousel($('.idx_carousel'));

//英雄选择
function selectHero(){
    var timer=null;
    $('.idx_select_hero .btn').hover(selectShow,selectHide);
    $('.idx_select_hero .label').hover(selectShow,selectHide);
    function selectShow(){
        clearTimeout(timer);
        $('.idx_select_hero .label').show();
    }
    function selectHide(){
        timer=setTimeout(function(){
            $('.idx_select_hero .label').hide();
        },500)  
    };
};

selectHero();

//图片简介显示
function picBriefShow(){
    $('.idx_picture .small_pic').mouseover(function(){
        $(this).find('.brief').show();
    });
    $('.idx_picture .small_pic').mouseout(function(){
        $(this).find('.brief').hide();
    });
     $('.idx_picture .pic_aside').mouseover(function(){
        $(this).find('.brief').show();
    });
    $('.idx_picture .pic_aside').mouseout(function(){
        $(this).find('.brief').hide();
    });
}
picBriefShow();

//首页视频滚动
function videoMaquee(){
    var aLiWidth=$('.idx_list_video .show_wrap li').eq(0).width()+20;
    var oParent=$('.idx_list_video .show_wrap ul');
    var prevBtn=true;
    var nextBtn=true;
    getWidth();

    $('.idx_list_video .next').click(function(){
        if(nextBtn){
            nextBtn=false;
            var oLi=oParent.find('li').eq(0).clone();
            oParent.append(oLi);
            getWidth();
            oParent.stop().animate({'left':-aLiWidth},function(){
                oParent.find('li').eq(0).remove();
                oParent.css('left',0);
                nextBtn=true;
            }); 
        };
    });
     $('.idx_list_video .prev').click(function(){
        if(prevBtn){
            prevBtn=false;
            var oLi=oParent.find('li:last').clone();
            oLi.insertBefore(oParent.find('li').eq(0));
            oParent.css('left',-aLiWidth);
            getWidth();
            oParent.stop().animate({'left':0},function(){
                oParent.find('li:last').remove();
                prevBtn=true;
            });
        }
    });
    function getWidth(){
        oParent.css('width',$('.idx_list_video .show_wrap li').length*aLiWidth);
    }
};
videoMaquee();